<div class="col-lg-4 sticky-sidebar">
	<div class="sidebar theiaStickySidebar">
		<div class="sidebar-box">
			<div class="about-card">
				<div class="about-card-bg"></div>
				<div class="about-card-tx">
					<i class="iconfont"></i>
					<img src="{$Tpl.avarlogo|default=''}" alt="头像" />
				</div>
				<div class="about-card-name">
					<h2><a href="mailto:">{$Tpl.nickname|default=''}</a></h2>
					<p>{$Tpl.qianming|default=''}</p>
				</div>
				<div class="about-card-carrier">
					<ul>
						<li>
							<a href="http://wpa.qq.com/msgrd?v=3&amp;uin={$Tpl.qq|default=''}&amp;site=qq&amp;menu=yes"
								target="_blank" class="about-icon-qq" data-bs-toggle="tooltip" data-bs-html="true"
								data-bs-title="{$Tpl.qq|default=''}"></a>
						</li>
						<li><a href="JavaScript:" class="about-icon-weixin" data-bs-toggle="tooltip" data-bs-html="true"
								data-bs-title="&lt;img src='{$Tpl.wx|default=''}' width=150&gt;"></a>
						</li>
						<li><a href="{$Tpl.bili|default=''}" target="_blank" class="about-icon-bili" data-bs-toggle="tooltip"
								data-bs-html="true" data-bs-title="点击进入B站主页"></a></li>
						<li><a href="javascript:;" class="about-icon-douyin" data-bs-toggle="tooltip" data-bs-html="true"
								data-bs-title="&lt;img src='{$Tpl.douyin|default=''}' width=150&gt;"></a>
						</li>
						<li><a href="javascript:;" class="about-icon-kuaishou" data-bs-toggle="tooltip"
								data-bs-html="true" data-bs-title="&lt;img src='{$Tpl.kuaishou|default=''}' width=150&gt;"></a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div class="sidebar-box">
			<div class="sidebar-box-title">
				<h2>
					<i></i>{:__('Search for it')}
				</h2>
			</div>
			<div class="sidebar-search">
				<form name="keyform" method="get" action="{:index_url('/search/index')}">
					<input type="text" name="keyword" placeholder="{:__('Enter a keyword and press Enter to search')}">
					<button type="submit"></button>
				</form>
			</div>
		</div>
		<div class="sidebar-box">
			<div class="sidebar-box-title">
				<h2>
					<i class="iconfont"></i>{:__('TOP Reading List')}
				</h2>
			</div>
			<div class="sidebar-toplist">
				<ul>
					{hkcms:content model="1"  order="views desc,publish_time desc" length="6"}
					<li>
						<a href="{$item.url}">{$item.title}</a>
						<span><i class="iconfont"></i>{$item.views}</span>
					</li>
					{/hkcms:content}
					
				</ul>
			</div>
		</div>
		<div class="sidebar-box">
			<div class="sidebar-box-title">
				<h2>
					<i></i>{:__('Calendar')}
				</h2>
			</div>
			<div class="sidebar-calendar">
				<script src="__static__/js/calendar.js"></script>
			</div>
		</div>
		<div class="sidebar-box">
			<div class="sidebar-box-title">
				<h2>
					<i class="iconfont"></i>{:__('Links')}
				</h2>
			</div>
			<div class="sidebar-links">
				<ul>
					{hkcms:adv name="link"}
					<li>
						<a href="{$item.url}" {$item.target}>{$item.title}</a>
					</li>
					{/hkcms:adv}
				</ul>
			</div>
		</div>
	</div>
</div>